<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音乐作品特殊授权</title>
    <link rel="stylesheet" href="../../../layui-v2.3.0/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../../common/css/commonality.css">
    <link rel="stylesheet" type="text/css" href="../../css/music/AddCompany.css">
</head>
<style>
    .box .left {
        width: 99%;
    }
    .commonality .left .right .content h1{
        width:260px;
    }
    .commonality .left .right .content {
        width: 80%;
        text-align: left;
        margin-left: 46px;
        font-size: 16px;
        color: #333;
    }
    .form_box{
        margin:30px 0;
    }
    input[type=date]{
        width:140px;
    }
    input{
        width:230px;
        height:50px;
    }
    select{
        width:304px;
        height:50px;
        margin:10px;
    }
    p:last-child{

    }
    button{
        border:none;
        color:#fff;
        background:#CF2121;
        width:140px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor:pointer;
    }
</style>
<body>
<div class="box commonality">
    <div class="left">
        <header>
            <ul class="displayFlex">
                <li>三咖音乐管理后台</li>
                <li data-id="aside_user">用户</li>
                <li data-id="aside_music" class="active">音乐</li>
                <li data-id="aside_system">系统</li>
                <li data-id="aside_text">文章</li>
                <li data-id="aside_finance">财务</li>
                <li data-id="aside_business">业务</li>
                <li class="not">
                    <img src="../../../images/icon/用户名.png" alt="">
                    用户名
                    <ul>
                        <li><a href="../../../public/html/user/personal.html">个人资料</a></li>
                        <li><a href="../../../public/html/Storage/password.html">修改密码</a></li>
                        <li><a href="../../../public/html/user/personal.html">安全退出</a></li>
                    </ul>
                </li>
            </ul>
        </header>
        <div class="right">
            <aside class="">
                <!-- 用户 -->
                <ul id="aside_user" class="aside_ul">
                    <li class="active">
                        <div>用户管理中心<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/user/account.html"><span></span>用户开户</a></li>
                            <li><a href="../../../public/html/user/AccountAgencyCenter.html"><span></span>代理开通</a></li>
                            <li><a href="../../../public/html/user/StatisticalControl.html"><span></span>用户统计管理</a></li>
                            <li><a href="../../../public/html/user/AgencyStatistics.html"><span></span>代理统计管理</a></li>
                        </ul>
                    </li>
                    <li>
                        <div>职工管理<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/user/AddEmployees.html"><span></span>在职员工添加</a></li>
                            <li><a href="../../../public/html/user/StaffManagement.html"><span></span>员工管理</a></li>
                            <li><a href="../../../public/html/user/personal.html"><span></span>个人资料管理</a></li>
                            <li><a href="../../../public/html/user/salesman.html"><span></span>业务员管理</a></li>
                        </ul>
                    </li>
                    <li>
                        <div>权限管理<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/user/AuthorityManagement.html"><span></span>权限管理</a></li>
                            <li><a href="../../../public/html/user/RoleManagement.html"><span></span>用户角色管理</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 音乐 -->
                <ul id="aside_music" class="aside_ul  active">
                    <li>
                        <div>音乐管理中心<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/music/ReviewWarehousing.html"><span></span>审核入库</a></li>
                            <li><a href="../../../public/html/music/WorkOnline.html"><span></span>作品上线</a></li>
                            <li><a href="../../../public/html/music/MusicStatistics.html"><span></span>音乐统计</a></li>
                        </ul>
                    </li>
                    <li>
                        <div>SP管理中心<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/music/createSP.html"><span></span>创建SP</a></li>
                            <li><a href="../../../public/html/music/amendSP.html"><span></span>修改SP</a></li>
                            <li><a href="../../../public/html/music/TemplateManagement.html"><span></span>模板管理</a></li>
                        </ul>
                    </li>
                    <li class="active">
                        <div>公司管理<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/music/AddCompany.html"><span></span>添加公司</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 系统 -->
                <ul id="aside_system" class="aside_ul">
                    <li class="active">
                        <div>系统设置<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/system/advertising.html"><span></span>广告管理</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 文章 -->
                <ul id="aside_text" class="aside_ul">
                    <li class="active">
                        <div>文章<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/article/announcement.html"><span></span>公告</a></li>
                            <li><a href="../../../public/html/article/announcement.html"><span></span>公告列表</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 财务 -->
                <ul id="aside_finance" class="aside_ul">
                    <li class="active">
                        <div>财务管理<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/finance/Bookkeeping.html"><span></span>财务记账</a></li>
                            <li><a href="../../../public/html/finance/sub-accountStatement.html"><span></span>分账报表</a></li>
                            <li><a href="../../../public/html/finance/sub-accountStatement_route.html"><span></span>财务复审</a></li>
                            <li><a href="../../../public/html/finance/Inform.html"><span></span>通知</a></li>
                            <li><a href="../../../public/html/finance/FinancePayment.html"><span></span>支付中心</a></li>
                            <li><a href="../../../public/html/finance/PriceDifference.html"><span></span>差账管理</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 业务 -->
                <ul id="aside_business" class="aside_ul">
                    <li class="active">
                        <div>业务管理<img src="../../../images/icon/跳转 前往 右箭头 向右 下一步 线性.png" alt=""></div>
                        <ul>
                            <li class="active"><a href="../../../public/html/professionalWork/AuthorizedCompanyManagement.html"><span></span>授权公司管理</a></li>
                        </ul>
                    </li>
                </ul>
            </aside>
            <!-- 公共结束 -->
            <div class="content">
                <h1 class="h1">音乐作品特殊授权</h1>
                <form action="">
                    <div class="form_box">
                        <p>
                            <label for="">选择授权公司：
                                <select name="" id="" required>
                                    <option value="">选择授权公司</option>
                                    <option value="">选择授权公司</option>
                                    <option value="">选择授权公司</option>
                                    <option value="">选择授权公司</option>
                                </select>
                            </label>
                            <label for="">选择授权文件：</label>
                            <input type="file" class="upload_file" name="agreement" onchange="doChange(this)" style="display:none;"/>
                            <input class="photoCover" type="text" style="" required>
                            <input type="button" onclick="$('input[class=upload_file]').click();" class="mybutton" value="浏览" style="border:none;color:#fff;background:#CF2121;width:80px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor:pointer;"/>
                            <label for="">授权时间：
                                <input type="date" required>----
                                <input type="date" required>
                            </label>
                        </p>
                        <p>
                            <label for="">合作简述：
                                <textarea name="" id="" cols="30" rows="10" style="vertical-align:top;margin-top:30px;width:750px;height:125px;" required></textarea>
                            </label>
                        </p>
                    </div>
                    <table border="1">
                        <tr>
                            <th>授权ID</th>
                            <th>作品名</th>
                            <th>专辑名</th>
                            <th>演唱人</th>
                        </tr>
                        <tr>
                            <td>233414</td>
                            <td>14314143124214</td>
                            <td>1341341</td>
                            <td>141414</td>
                        </tr>
                        <tr>
                            <td>233414</td>
                            <td>14314143124214</td>
                            <td>1341341</td>
                            <td>141414</td>
                        </tr>
                        <tr>
                            <td>233414</td>
                            <td>14314143124214</td>
                            <td>1341341</td>
                            <td>141414</td>
                        </tr>
                    </table>
                    <p style="text-align: center;margin-top:30px;"><button type="submit" class="submit">确认添加授权</button></p>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    //预览功能
    function doChange(file){
        var upload_file = $.trim($(".upload_file").val());    //获取上传文件
        $('.photoCover').val(upload_file);     //赋值给自定义input框
    }
</script>
